<template>
  <div class="detailed">
    <my-head title="详细资料" :go="true" ri="保存"></my-head>
    <div class="content">
      <div class="list">
        <div class="item">
          <div class="msg">
            <div class="title">
              性别：
            </div>
            <div class="cen">
              未知
            </div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="title">
              最高学历：
            </div>
            <div class="cen">
              
            </div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="title">
              毕业院校：
            </div>
            <div class="cen">
              请输入您所毕业院校信息
            </div>
            <!-- <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg> -->
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="title">
              婚姻状况：
            </div>
            <div class="cen">
              
            </div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="title">
              居住地址：
            </div>
            <div class="cen">
              请输入现居住地址
            </div>
            <!-- <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg> -->
          </div>
        </div>
      </div>
      <div class="list">
        <div class="item">
          <div class="msg">
            <div class="title">
              是否购车：
            </div>
            <div class="cen">
              
            </div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="title">
              是否购房：
            </div>
            <div class="cen">
              
            </div>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-jiantou"></use>
            </svg>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
import Head from "@/components/Head"
export default {
  data(){
    return {

    }
  },
  components:{
    myHead:Head
  }

}
</script>

<style scoped lang="less">
  .detailed{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      background: #f4f4f4;
      .list{
        margin-top: 0.1rem;
        .item{
          display: flex;
          background: #fff;
          padding: 0 .16rem;
          .msg{
            flex:1;
            display: flex;
            font-size: 0.15rem;
            padding: 0.16rem 0;
            border-bottom: 0.01rem solid #e4e4e4;
            .title{

            }
            .cen{
              flex: 1;
              text-align: right;
              color: #858585;
            }
          }
        }
        .item:last-child{
          .msg{
            border: 0;
          }
        }
      }
    }
  }
</style>
